<style lang="scss" scoped>
    @import "footer.scss";
</style>
<template>
    <div class="footer-content">
        <ul class="nav-link">
            <router-link to="/home" tag="li" class="active"><i class="iconfont icon-wangyiyunyinle"></i><p>发现音乐</p></router-link>
            <router-link to="/detail/music" tag="li"><i class="iconfont icon-yinyue"></i><p>我的音乐</p></router-link>
            <router-link to="/login" tag="li"><i class="iconfont icon-users"></i><p>朋&nbsp;&nbsp;友</p></router-link>
            <router-link to="/tabs" tag="li"><i class="iconfont icon-yonghu"></i><p>账&nbsp;&nbsp;号</p></router-link>
        </ul>
    </div>
</template>
<script type="es6">
    export default {
        data(){
            return{
                message:'daa',
                showSlider:false,
                showSearch:false
            }
        },
        methods:{
            showRightSlider(){
                this.showSlider = true ;
            },
            closeRightSlider(){
                this.showSlider = false ;
            },
            showSearchMethod(){
                this.showSearch = true ;
            },
            hideSearchMethod(){
                this.showSearch = false ;
            }
        }
    }
</script>